<template>
	<li class="item f-bd f-bd-full">
				<a class="link" href="javascript:void(0);">{{hotsearchList.first}}</a>
			</li>
</template>

<script>
	export default {
		props:{
			hotsearchList:[Object,Array]
		},
	}
</script>

<style lang="scss" scoped>
	@charset "utf-8";
	$fs:64px;
	html {
		font-size: $fs;
	}
	
	@function r($px) {
		@return $px/$fs*1rem;
	}
	.item {
    display: inline-block;
    height: r(64px);
    margin-right: r(16px);
    margin-bottom: r(16px);
    padding: 0 r(28px);
    font-size: r(28px);
    line-height: r(64px);
    color: #333;
    border:r(2px) solid #d3d4da;
    border-radius: r(64px);
	}
	.f-bd {
    a{
    	color: #333;
    }
}
</style>